<template>
  <h1>员工组件</h1>
  <f-dictionary v-model:value="employeeAttr" code="EmployeeAttr" class="s-w100" />
  <f-select v-model:value="type">
    <f-select-option value="radio" label="radio" />
    <f-select-option value="select" label="select" />
    <f-select-option value="checkbox" label="checkbox" />
  </f-select>
  <f-employee v-model:value="dataValue" :type="type" :attr="employeeAttr" @change="onChange" class="s-w200" />
  {{ dataValue }}
</template>

<script setup>
import { onBeforeMount, ref } from 'vue';

const employeeAttr = ref(null);
const type = ref('select');
const dataValue = ref(null);
// const dataValue = ref('004691');

const onChange = (value, option) => {
  console.log(value, option);
};

onBeforeMount(() => {

});
</script>

<style lang="scss">

</style>
